.calendar body {
     background-color: #FFFFFF;
     position: relative;
}
.year {
     color: rgba(0, 0, 0, 0.3);
     font-size: 4em;
     margin: 0px 0px 0px 0px;
}
.month {
     color: rgba(0, 0, 0, 0.3);
     font-size: 3em;
     margin: -27px 0px 10px 155px;
}
.calendar {
     table-layout:fixed;
}
.calendar TH {
     width: 50px;
     height: 30px;

     font-size: 1.8em;
     font-weight: bold;
     color: rgba(0, 0, 0, 0.3);
     text-align: center;

     -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
     -moz-transition: background 0.2s linear 0s;

     border-color: rgba(0, 0, 0, 0.1);
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.calendar TD, TD.day{
     height: 50px;
     width: 50px;

     font-size: 32px;
     font-weight: bold;
     color: rgba(0, 0, 0, 0.3);
     text-align: center;

     -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
     -moz-transition: background 0.2s linear 0s;

     border: 1px solid rgba(0, 0, 0, 0.1);
     border-color: rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.calendar TD.day:hover{
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.025) inset, 0 0 10px rgba(0, 0, 0, 0.1);
     background: rgba(0, 0, 0, 0.1);
     outline: 0 none;
     cursor: pointer;
     color: #FFFFFF;
}
.calendar TD.weekend {
     color: rgba(0, 0, 0, 0.1);
}
.calendar TD.weekend:hover{
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(82, 168, 236, 0.6);
     background: rgba(0, 0, 0, 0.1);
     outline: 0 none;
     cursor: pointer;
     color: #FFFFFF;
}
.calendar TD.today {
     border: 2px solid red;
     color: rgba(0, 0, 0, 0.60);
}
.calendar TD.today:hover{
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(82, 168, 236, 0.6);
     background: rgba(0, 0, 0, 0.55);
     outline: 0 none;
     cursor: pointer;
     color: #FFFFFF;
}
.calendar TD.holiday {
     color: red;
}
.calendar TD.holiday:hover {
     cursor: pointer;
}
.calendar TD SPAN.weekday{
     background-color: rgba(0, 0, 0, 0.1);
     border-radius: 14%;
     color: #FFFFFF;
     font-size: 32px;
     font-weight: bold;
     padding: 2px 4px 2px;
     white-space: nowrap;
}
.calendar TD SPAN.weekday:hover{
     background-color: rgba(0, 0, 0, 0.25);
}
.calendar TFOOT, .calendar TFOOT TR TH.sel {
     height: 15px;
     width: 50px;

     font-size: 28px;
     font-weight: bold;
     color: rgba(0, 0, 0, 0.3);
     text-align: center;

     -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
     -moz-transition: background 0.2s linear 0s;

     border: 1px solid rgba(0, 0, 0, 0.1);
     border-color: rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

     cursor:pointer;
}
.calendar TFOOT TR TH.sel:hover {
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.025) inset, 0 0 10px rgba(0, 0, 0, 0.1);
     background: rgba(0, 0, 0, 0.1);
     outline: 0 none;
     cursor: pointer;
     color: #FFFFFF;
}
.calendar .arrow{
     padding:10px 0px 0px 0px;
}


/* WEEKLIST */
.weeklist {
     table-layout:fixed;
}
.weeklist TH {
     width: 50px;
     height: 30px;

     font-size: 1.8em;
     font-weight: bold;
     color: rgba(0, 0, 0, 0.3);
     text-align: center;

     -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
     -moz-transition: background 0.2s linear 0s;

     border-color: rgba(0, 0, 0, 0.1);
     border: 1px solid rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.weeklist TD.hour{
     height: 50px;
     width: 50px;

     font-size: 1em;
     font-weight: bold;
     vertical-align:top;
     color: rgba(0, 0, 0, 0.3);
     text-align: center;
     

     -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
     -moz-transition: background 0.2s linear 0s;

     border: 1px solid rgba(0, 0, 0, 0.1);
     border-color: rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.weeklist TD.weeklistday{
     height: 50px;
     width: 50px;

     font-size: 32px;
     font-weight: bold;
     color: rgba(0, 0, 0, 0.3);
     text-align: center;

     -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
     -moz-transition: background 0.2s linear 0s;

     border: 1px solid rgba(0, 0, 0, 0.1);
     border-color: rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.weeklist TD.weeklistday:hover{
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.025) inset, 0 0 10px rgba(0, 0, 0, 0.1);
     background: rgba(0, 0, 0, 0.1);
     outline: 0 none;
     cursor: pointer;
     color: #FFFFFF;
}
.weeklist TFOOT, .weeklist TFOOT TR TH.sel {
     height: 15px;
     width: 50px;

     font-size: 28px;
     font-weight: bold;
     color: rgba(0, 0, 0, 0.3);
     text-align: center;

     -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
     -moz-transition: background 0.2s linear 0s;

     border: 1px solid rgba(0, 0, 0, 0.1);
     border-color: rgba(0, 0, 0, 0.1);
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

     cursor:pointer;
}
.weeklist TFOOT TR TH.sel:hover {
     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.025) inset, 0 0 10px rgba(0, 0, 0, 0.1);
     background: rgba(0, 0, 0, 0.1);
     outline: 0 none;
     cursor: pointer;
     color: #FFFFFF;
}
.weeklist .arrow{
     padding:10px 0px 0px 0px;
}

.rounded-corners{
    border-radius: 20px;
}
